<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <f:view contentType="text/html">
        <h:head>

        </h:head>
        <body id="login">

            <div id="login-wrapper" class="png_bg">
                <div id="login-top">

                    <h1>Elevation System Online Administrator</h1>	
                </div> 
                <div id="login-content">
                    <h:form>
                        <div class="notification information png_bg">
                            <h:panelGroup id="messagePanel" layout="block">
                                <p:messages />
                            </h:panelGroup>
                        </div>
                        <p>                                       
                            <h:outputLabel value="UserName :" />
                            <h:inputText class="text-input" value="#{loginController.username}" />
                        </p>
                        <div class="clear"></div>
                        <p>                           
                            <h:outputLabel value="Password :" />
                            <h:inputSecret class="text-input"  value="#{loginController.password}" />
                        </p>
                        <div class="clear"></div>
                        <p id="remember-password">                       
                        </p>
                        <div class="clear"></div>
                        <p>                            
                            <h:commandButton action="#{loginController.checkManagerLogin}" class="button" value="Login" />
                        </p>
                    </h:form>
                </div>
            </div>

        </body>
    </f:view>

</html>
